<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>axios配置</title>
    <script crossorigin="anonymous" src="https://cdn.bootcss.com/axios/0.19.2/axios.min.js"></script>
</head>
<body>
    <button> 发送get请求</button>
    <button>发送post请求</button>
    <script>
        // 第一种配置方式：
        // defaults 是默认配置
        // 比如：配置默认的请求方式是 get
        // axios.defaults.method = 'get';
        // axios({
        //     url:'http://locas......'
        // })

        // 可以配置请求的基础路径 base基础 URL路径
        axios.defaults.baseURL = 'http://localhost:3000';

        let btns = document.querySelectorAll('button');
        btns[0].onclick=function(){
            // 拼接 baseURL + '/computers'
            axios.get('/computers').then(value=>{
                console.log(value);
            })
        }
        btns[1].onclick = function(){
            axios.post('/computers',{brand:'惠普',price:6000,color:"红色"})
        }

    </script>
</body>
</html>